@charset "utf-8";
.accordion{
	width: 298px;
	min-height: 631px;
	/*max-height: 800px;*/
	background-color: #f5f5f5;
	border-top: 3px solid black;
	margin: 10px auto;
	padding-bottom: 45px;
}
.nav{
	width: 225px;
	min-height: 590px;
	/*max-height: 750px;*/
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin: auto;
}
h3{
	width: 222px;
	height: 46px;
	font-size: 16px;
	line-height: 16px; 
	padding: 16px 0 13px 25px;	
	border-top: 1px solid #dddddd;	
	background-image: linear-gradient(to top,#cecece 20%,#fdfdfd);
}
p{
	width: 222px;
	height: 34px;
	font-size: 14px;
	padding: 22px 0 0 28px;	
}
li:last-of-type{
	margin-bottom: 22px;
}
a{
	color: #666666;
}
.xhxian{
	text-decoration: underline;
}

.column{
    width: 222px;
	height: 0px;
	overflow: hidden;
	transition-property: height;
	transition-duration: 0.8s;
}
input[type='radio']{
    display: none;
}
input[type="radio"]:checked ~ .column{
    height: 250px;
}
input::after{
	width: 15px;
	height: 15px;
	content: "-";
	/*display: initial;*/
}
input[type="radio"]:checked::after{
    display: inline-block;
}
.item01{
	max-height: 174px;
}
.item02{
	max-height:140px;
}
.item03{
	max-height: 174px;
}
.item04{
	max-height: 250px;
}
input + label div{
	transition: all 0.3s;
	display: inline-block;
}
input:checked + label .shu:last-of-type{
	transform: rotateZ(90deg);
}
span{
	float: left;
	position: relative;
	left: 0;
}
input{
	display: none;	
}

.heng{
	width: 13px;
	height: 2px;
	background-color: black;
	border: 0;
}
.shu{
	width: 2px;
	height: 11px;
	background-color: black;
	border: 0;
	position: relative;
	left: -12px;
	top: 4px;
}